@allHeight:100vh;
.setting-left-options {
    width: 20vw;
    min-width: 200px;
    height: @allHeight;
    background-color: rgba(255, 255, 255,.57);
    border-radius: 16px;
    transition: all .4s ease;
    position: fixed;
    .select-on {
        background-color: rgba(255, 255, 255,.35);
    }
    .options {
        cursor: pointer;
        height: 100px;
        border-radius: 16px;
        transition: all .2s ease;
        .option-text {
            padding-top: 40px;
            display: inline-block;
            line-height: 30px;
            font-size: 18px;
        }
        .quanxianzhipai {
            display: flex;
            &::before {
                content: '';
                display: inline-block;
                margin: 0 20px 0 45px;
                width:30px;
                height: 30px;
                background: url(../../assets/image/icons/rongyu.png) no-repeat;
                background-size: 100% 100%;
            }
        }

        .gexingshezhi {
            display: flex;
            &::before {
                content: '';
                display: inline-block;
                margin: 0 20px 0 45px;
                width:30px;
                height: 30px;
                background: url(../../assets/image/icons/gexingshezhi.png) no-repeat;
                background-size: 100% 100%;
            }
        }

        .jiankong {
            display: flex;
            &::before {
                content: '';
                display: inline-block;
                margin: 0 20px 0 45px;
                width:30px;
                height: 30px;
                background: url(../../assets/image/icons/jiankong.png) no-repeat;
                background-size: 100% 100%;
            }
        }
    }
    .options:hover {
        background-color: rgba(255, 255, 255,.35);
    }
}
.setting-opration {
    width: 80vw;
    min-height: 100vh;
    background-color: rgba(255, 255, 255,.61);
    border-radius: 16px;
    margin-left: 20vw;
}
.permission {
    display: flex;
    padding-top: 100px;
    .permission-class {
        height: 540px;
        width: 30vw;
        min-width: 350px;
        margin: 0 5vw;
        background-color: #FFF;
        border-radius: 16px;
        box-shadow: 0px 2px 14px 1px rgb(179,179,179);
        .chahua {
            width: 305px;
            height: 230px;
            background: url(../../assets/image/picture/class-approve.png) no-repeat;
            background-size: 100% auto;
            margin: 0 auto;
        }
    }
    .permission-school {
        height: 540px;
        width: 30vw;
        min-width: 350px;
        background-color: #FFF;
        border-radius: 16px;
        box-shadow: 0px 2px 14px 1px rgb(179,179,179);
        .chahua {
            width: 235px;
            height: 230px;
            background: url(../../assets/image/picture/school-approve.png) no-repeat;
            background-size: 100% auto;
            margin: 0 auto;
        }
    }
    .inner {
        .title {
            text-align: center;
            font-size: 32px;
            margin: 50px 0;
            font-weight: 550;
        }
        .text {
            text-align: center;
            font-size: 14px;
        }
        .button {
            cursor: pointer;
            width: 40%;
            min-width: 150px;
            text-align: center;
            height: 50px;
            line-height: 50px;
            background-color: #34CEFF;
            margin: 0 auto;
            margin-top: 35px;
            color: #FFF;
            font-size: 22px;
            font-weight: 500;
            transition: all .4s ease;
        }
        .button:hover {
            transform: scale(1.05);
        }
    }

        .ant-upload-list-item {
            border: none !important;
        }
    
}
.class_permission {
    padding: 0 5vw;
    width: 100%;
    .outer-dot-box {
        display: block;
        padding: 3vh 3vw;
        background-color: rgba(255, 255, 255,.3);
        border: 2px dotted rgb(122, 122, 122);
        margin-bottom: 5vh;
        .dot-box-title {
            display: flex;
            line-height: 30px;
            font-size: 18px;
            font-weight: 550;
            margin-bottom: 2vh;
        }
        .ant-table {
            background-color: rgba(255, 255, 255,.4);
        }
    }
}
.classPermission-icon {
    &::before {
        content: '';
        margin-right: 8px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(../../assets/image/icons/classPermission-icon.png) no-repeat;
        background-size: 100% auto;
    }
}
.shuoming {
    &::before {
        content: '';
        margin-right: 8px;
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(../../assets/image/icons/book.png) no-repeat;
        background-size: 100% auto;
    }
}

.pathBox {
    height: 48px;
    line-height: 48px;
    transition: all .3s ease;
    cursor: pointer;
    &:hover {
        background-color: rgba(52, 206, 255,.2);
    }
}

.charts{
    display: flex;
    height: 400px;
    min-width: 800px;
    border-radius: 12px;
    border: 3px solid rgb(0, 132, 255);
    padding: 24px 36px 0 0;
    .chart {
        flex: 1;
    }
}